/*================================================================================
	Item Name: Stack - Responsive Admin Theme
	Version: 3.1
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

/***********************************/
/*       format page               */
body {
    font-size: 0.9rem !important;
}

    body input {
        font-size: 0.9rem !important;
    }

    body select {
        font-size: 0.9rem !important;
    }

    body textarea {
        font-size: 0.9rem !important;
    }

    body .btn {
        font-size: 0.9rem !important;
    }

.btn.disabled, .btn:disabled {
    opacity: 0.4 !important;
    cursor: default !important;
}

/* content body */
/*.content-wrapper .content-body
{
    background-color: white;
}*/
/*       end format page           */
/***********************************/

/***********************************/
/*          TAB CONTROL          */
.project-tab {
    padding: 10%;
    margin-top: -8%;
}

    .project-tab #tabs {
        background: #007b5e;
        color: #eee;
    }

        .project-tab #tabs h6.section-title {
            color: #eee;
        }

        .project-tab #tabs .nav-tabs .nav-item.show .nav-link, .project-tab .nav-tabs .nav-link.active {
            color: #0062cc;
            background-color: transparent;
            border-color: transparent transparent #f3f3f3;
            border-bottom: 3px solid !important;
            font-size: 16px;
            font-weight: bold;
        }

    .project-tab .nav-link {
        border: 1px solid transparent;
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem;
        color: #0062cc;
        font-size: 16px;
        font-weight: 600;
    }

        .project-tab .nav-link:hover {
            border: none;
        }

    .project-tab thead {
        background: #f3f3f3;
        color: #333;
    }

    .project-tab a {
        text-decoration: none;
        color: #333;
        font-weight: 600;
    }

.project-nav-tabs {
    background-color: #e2e2e2;
    display: flex;
    width: 100%;
    justify-content: space-between;
}

    .project-nav-tabs li a.active {
        background-color: white;
    }

    .project-nav-tabs .fix-color-table {
        padding: 10px 0;
    }

        .project-nav-tabs .fix-color-table a {
            padding: 15px 5px !important;
        }
/*          END TAB CONTROL    */


@media only screen and (max-width: 600px) {
    .hidd {
        display: block !important;
    }

    .hidd1 {
        display: none !important;
    }
}

.hidd {
    display: none;
}

.space5 {
    margin-bottom: 5px !important;
}

.space10 {
    margin-bottom: 10px !important;
}

.space20 {
    margin-bottom: 20px !important;
}

.table th, .table td {
    padding: 0.5rem;
}

/*          RESPONSIVE NAVBAR-HEADER    */

@media only screen and (max-width: 575px) {
    .navbar-light .navbar-wrapper .navbar-header {
        display: block !important;
    }
}

.navbar-light .navbar-wrapper .navbar-header {
    /*display: none;*/
}

/*          END RESPONSIVE NAVBAR-HEADER    */


/*  style thanh cong cu ben phai  */

#wrapper1 {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#sidebar-wrapper1 {
    z-index: 1000;
    position: fixed;
    right: 250px;
    width: 0;
    height: 100%;
    margin-right: -250px;
    /*overflow-y: auto;*/
    background: #fff;
    border: solid 1px #b2b2b2;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#page-content-wrapper1 {
    width: 100%;
    position: absolute;
    right: 15px;
}

.vertical-menu-custome {
    display: grid;
    width: 45px;
}

    .vertical-menu-custome li {
        background-color: white;
    }

        .vertical-menu-custome li a {
            display: block;
            text-decoration: none;
            color: #999999;
        }

            .vertical-menu-custome li a:hover {
                text-decoration: none;
                color: #fff;
                background: #b2b2b2;
            }

.content-search .searchh button {
    padding: 10px !important;
    background: white;
}

.content-search .searchh input[type=text] {
    width: 90%;
}

#sectionQuerySpatial #divSectionQuerySpatial .tabbable {
    position: absolute;
}


/*
#wrapper1.toggled {
    padding-right: 285px !important;
}

#wrapper1.toggled #sidebar-wrapper1 {
    width: 330px;
}

#wrapper1.toggled #page-content-wrapper1 {
    position: absolute;
    margin-right: -250px;
}

#settings .toggled {
    margin-right: 330px;
}


@media(min-width:768px) {
    #wrapper1 {
        padding-right: 300px;
    }

    #wrapper1.toggled {
        padding-right: 0;
    }

    #sidebar-wrapper1 {
        width: 0px;
    }

    #wrapper1.toggled #sidebar-wrapper1 {
        width: 330px;
    }

    #page-content-wrapper1 {
        padding: 20px;
        position: relative;
    }

    #wrapper1.toggled #page-content-wrapper1 {
        position: relative;
        margin-right: 0;
    }
    .vertical-menu-custome{
    	display: grid;
   		 float: right;
    }
    .vertical-menu-custome li a{
    	padding: 10px;
    	border: solid 1px #b2b2b2;
    }

}*/
/*  end style thanh cong cu ben phai  */

.mr-5px {
    margin-right: 5px !important;
}

.ml-5px {
    margin-left: 5px !important;
}

.float-phai {
    float: right;
    margin: 5px;
}

.jumbotron-icon .fa-6 {
    font-size: 20em;
}

.jumbotron-icon .fa-5 {
    font-size: 12em;
}

.jumbotron-icon .fa-4 {
    font-size: 8em;
}

.jumbotron-icon .fa-3 {
    font-size: 4em;
}

.jumbotron-icon .fa-2 {
    font-size: 2em;
}


.search-container {
    width: 100%;
    background: #f2f2f2;
    max-height: 1000px;
    margin: 0 auto;
    padding: 5px;
    display: flex;
}

    .search-container .item {
        background: #fff;
        margin: 5px;
        /*height: 55px;*/
        width: 1000px;
    }

        .search-container .item span {
            color: #444 !important;
        }

    .search-container input[type=text], .search-container select {
        width: 100%;
        padding-left: 5px;
        /*margin: -6px 0;*/
        display: inline-block;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box;
        height: 32px;
    }

    .search-container input[type=submit] {
        width: 100%;
        background-color: #4CAF50;
        color: white;
        padding: 14px 20px;
        margin: 8px 0;
        border: none;
        border-radius: 4px;
        cursor: pointer;
    }

        .search-container input[type=submit]:hover {
            background-color: #45a049;
        }

    .search-container .item label {
        color: #afafaf;
        margin-left: 5px;
        white-space: nowrap;
        font-size: 12px;
        display: none;
    }

    .search-container .item button {
        /*width: 100%;*/
        height: 100%;
        /*background-color: #2ea4f5;
	color: #fff;*/
    }

    .search-container .item input {
        border: none;
    }

    .search-container .item select {
        border: none;
    }

    .search-container .item option {
        margin-left: -2px;
    }

    .search-container .select2-container {
        width: 100% !important;
        margin-top: 5px;
    }

/* mobile screen */
/*@media only screen and (max-width: 500px) {*/
/*  fix responsive man hinh login  */
/*.resize1 .dropdown-toggle::after{
        right:7px;
    }
    .resize1{
        width: 77px !important;
    }
    #dropdown-flag .selected-language{
        display: none;
    }*/
/*  end fix responsive man hinh login  */

/*.search-container{
        display: contents;
    }

    .mobile-off {
        display: none;
    }*/

/* row */
/*.row h3 {
        font-size: 1.2rem;
    }*/

/* col-md */
/*.row .col-md-1 {
        width: 8.33%;
    }

    .row .col-md-2 {
        width: 16.67%;
    }

    .row .col-md-3 {
        width: 25%;
    }

    .row .col-md-4 {
        width: 33.33%;
    }

    .row .col-md-5 {
        width: 41.67%;
    }

    .row .col-md-6 {
        width: 50%;
    }

    .row .col-md-7 {
        width: 58.33%;
    }

    .row .col-md-8 {
        width: 66.67%;
    }

    .row .col-md-9 {
        width: 75%;
    }

    .row .col-md-10 {
        width: 83.33%;
    }

    .row .col-md-11 {
        width: 91.67%;
    }

    .row .col-md-12 {
        width: 100%;
    }*/
/* end col-md */
/* end row */
/*}*/

/*@media only screen and (max-width: 767.98px) {
    /* update layout header when window.width <= 767px */
/*.navbar-light .navbar-wrapper .navbar-header {
        width: 60% !important;
    }

    .header-navbar.navbar-with-menu .navbar-container {
        width: auto;
    }
}*/

/* width column So thu tu (STT) */
.col-stt {
    width: 75px !important;
}

@media only screen and (max-height: 1024px) {
    #listResult .panel-body #divAssetDetail {
        height: 40%;
    }
}

@media only screen and (max-height: 735px) {
    #listResult .panel-body #divAssetDetail {
        height: 35%;
    }
}

.required {
    color: red;
}

#SearchGeneral {
    display: none;
}

/* .breadcrumb */
.breadcrumb {
    margin-bottom: 0px;
}
/* fix arrow dropdown select2 multiple */
.select2-container--default .select2-selection--multiple {
    position: relative;
    padding-right: 20px;
}

.select2-container--default .select2-selection--multiple:after {
    content: '';
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
    pointer-events: none;
}

.select2-container--default.select2-container--open .select2-selection--multiple:after {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
}